<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>企业服务-合同起草</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- <link rel="stylesheet" href="../css/report.css" /> -->
    <link rel="stylesheet" href="../css/qyfw/qyfw_htqc.css" />
    <!-- <link rel="stylesheet" href="../css/qyfw/qyfw_htsc.css"> -->
  </head>
  <body>
    <div id="header"></div>
    <header class="header">
      <div class="text">
        <div class="inner">
  
          <p><span>首页</span>-<span>企业服务</span>-<span>合同起草</span></p>
        </div>
      </div>
    </header>

    <div class="banner">
      <div class="inner">
        <h3>合同起草</h3>
        <div class="txt">
          合同起草介绍样式展示合同起草介绍样式展示合同起草介绍样式展示。
        </div>
      </div>
    </div>
    <div class="main">
      <ul class="cf">
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>买卖租赁</h5>
            <p>该分类包含的业务简介多行展示简介多行展示简介多行展示</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>委托居间</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>知识产权</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>股权股份</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>投资融资</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>民间借贷</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>建筑工程</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>仓储运输</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"></div>
            <h5>其他</h5>
            <p>该分类包含的业务简介该分类包含的业务简介</p>
            <div class="btn">
              购买服务
            </div>
          </a>
        </li>
      </ul>
    </div>
    <footer>
      <div class="inner" style="position: relative;">
        <img class="logo" src="../images/logo_footer.png" alt="" />
        <ol>
          <li><a href="">服务支持</a></li>
          <li><a href="">付费咨询</a></li>
          <li><a href="">云小律</a></li>
        </ol>
        <a href="#" class="sm">法律声明</a>
        <p>@备案号22582522</p>
      </div>
    </footer>
    <!-- 数字插件 -->
    <script src="../lib/jquery-3.2.1.min.js"></script>
    <script src="../lib/prefixfree.min.js"></script>
    <script src="../lib/countup.js"></script>
    <script src="../js/style.js"></script>

    <!-- <script src="../lib/circle-progress.js"></script> -->

    <script>
      // 进入变色
      console.log($(".main ul>li"));
      $(".main ul>li")
        .eq(0)
        .mouseenter(function() {
          // alert(11111)
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_02.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(0)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_01.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(1)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_04.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(1)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_03.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(2)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_06.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(2)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_05.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(3)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_08.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(3)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_07.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(4)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_10.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(4)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_09.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(5)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_12.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(5)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_11.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(6)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_14.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(6)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_13.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(7)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_16.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(7)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_15.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });

      $(".main ul>li")
        .eq(8)
        .mouseover(function() {
          $(this)
            .css({
              border: "1px solid #3482cc",
              background: "#f0f7fd"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_18.png)"
            })
            .siblings("h5")
            .css({
              color: "#003d84"
            })
            .siblings("p")
            .css({
              color: "#003d84"
            })
            .siblings(".btn")
            .css({ background: "#f85e05" });
        });
      $(".main ul>li")
        .eq(8)
        .mouseleave(function() {
          var index = $(this).index();
          // alert(1)
          $(this)
            .css({
              border: "1px solid #e2e7ec",
              background: "#fff"
            })
            .find(".pic")
            .css({
              "background-image": "url(../images/qyfw/qyfw_htqc_17.png)"
            })
            .siblings("h5")
            .css({
              color: "#000"
            })
            .siblings("p")
            .css({
              color: "#000"
            })
            .siblings(".btn")
            .css({ background: "#003d84" });
        });
    </script>

<script>$(function() {$('#header').load('../header.html');})</script>
  </body>
</html>
